import router from '@/router/index'
import store from '@/store'
import Nprogress from 'nprogress'
import 'nprogress/nprogress.css'
import { cancelAll } from '@/utils/request.js'
// 前置守卫
const pageArr = ['/404', '/login'] // 记录不要登入的页面
router.beforeEach(async(to, from, next) => {
  // 取消上一页面所有接口,axios接口跨越页面取消
  cancelAll()
  // 通过getters拿token
  Nprogress.start()
  if (store.getters.token) {
    if (to.path.toLowerCase() === '/login') {
      next('/')
    } else {
      // 验证token获取用户信息
      // 有用户信息不用获取,没有才获取
      if (!store.state.user.userInfo.userId) {
        await store.dispatch('user/getUserInfo')
        // 因为动态路由不能立马使用，在经过一次导航守卫就可以正常使用了
        next(to.fullPath)
      } else {
        // 有用户信息正常进入
        next()
      }
    }
  } else {
    if (pageArr.includes(to.path.toLowerCase())) {
      next()
    } else {
      // 回跳地址处理
      next(`/login?redirect=${encodeURIComponent(to.fullPath)}`)
    }
  }
  Nprogress.done()
})
// router.afterEach((to,from)=>{})
